<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 <title>{$system.webname}</title>
		<meta name="generator" content="lizhili team" />
		<meta name="author" content="lizhili team" />
		<meta name="copyright" content="lizhili team." />
		<meta name="description" content="{$system.miaoshu}" />
		<meta name="keywords" content="{$system.keyword}" />
		<link rel="stylesheet" href="__INDEX__layui/css/layui.css">
		<link rel="stylesheet" href="__INDEX__css/base.css">
		<link  rel="stylesheet" href="__INDEX__css/main.css">


		<style>
			.query{
				width: 500px !important;
				padding:40px 20px;
				margin: 0 auto;
			}
			@media (max-width: 768px) {
				.query{
					width: 100% !important;
					padding:20px;
				}
			
			}
		</style>
	</head>
	<body>

		{include file="conn/header" /}
		<div class="container ">
			<div class="query" style="display: flex;justify-content: center;align-items: center;flex-direction: column">
			<h2 style="text-align: center;padding: 40px 0;">工作人员查询系统</h2>



			<form class="layui-form">
				<div class="demo-login-container" style="width: 400px">
					<div class="layui-form-item">
						<div class="layui-input-wrap">
							<div class="layui-input-prefix">
								<i class="layui-icon layui-icon-username"></i>
							</div>
							<input type="text" name="username" value="" lay-verify="required" placeholder="姓 名" lay-reqtext="请输入你的姓名" autocomplete="off" class="layui-input" >
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-wrap">
							<div class="layui-input-prefix">
								<i class="layui-icon layui-icon-password"></i>
							</div>
							<input type="text" name="no" value="" lay-verify="required" placeholder="工 号" lay-reqtext="请输入你的工号" autocomplete="off" class="layui-input" >
						</div>
					</div>

					<div class="layui-form-item" style="display: flex;justify-content: center;">
						<button  class="layui-btn layui-bg-red" lay-submit lay-filter="demo-login"> 立即查询 </button>
					</div>

				</div>
			</form>

			</div>

		</div>
		{include file="conn/footer" /}
		<script src="__INDEX__layui/layui.js"></script>
		<script>
			layui.use(function(){
				var layer = layui.layer;
				var form = layui.form;
				var laydate = layui.laydate;
				var util = layui.util;
				var carousel = layui.carousel;
				// 渲染 - 图片轮播
				// 提交事件
				form.on('submit(demo-login)', function(data){
					var field = data.field; // 获取表单字段值
					const searchParams = new URLSearchParams(field);
					const queryString = searchParams.toString();
					location.href = "{:url('index/query')}"+'?'+queryString;
					return false; // 阻止默认 form 跳转
				});

			});
		</script>
	</body>
</html>
